:global {
  //清除浮动
  .clearfix {
    *zoom: 1;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
  }

  .clearfix:after {
    clear: both;
  }

  .loading{
     width: 100%;
     height: 100%;
     background-image: url("./../images/loading.gif");
     background-size: 30px 30px;
     background-position: center center;
     background-repeat: no-repeat;
  }
}

body{
  background: #fff;
}


:global{

  // 进出场动画
  // 飞入
  .slide-in-appear {
    transform: translate3D(100%, 0, 0);
    transition: all 300ms linear;

    &.slide-in-appear-active {
      transform: translate3D(0, 0, 0);
    }
  }



  .slide-in-enter {
    transform: translate3D(100%, 0, 0);
    transition: all 300ms linear;

    &.slide-in-enter-active {
      transform: translate3D(0, 0, 0);
    }
  }

  // 向左滑出
  .slide-in-leave {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    transform: translate3D(0, 0, 0);
    transition: all 300ms linear;

    &.slide-in-leave-active {
      opacity: 0.01;
      transform: translate3D(-100%, 0, 0);
    }
  }

  #global-loading {
    position: fixed;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    z-index: 9999999;
    background: #fff;
    background-image: url("./../components/LazyLoad/music-loading.gif");
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
  }


}